import $ from 'jQuery';
(function () {
    let $vue = new Vue({
        el: '.terminal-char-hook',
        data: {
            roleList:[{id: 1, name: '部分收货'}, {id: 2, name: '全部收货'},{id: 3, name: '订单取消'}],
            account:{
                'palletCirculation':'',//流转状态
                'palletNonCirculation':'',//非流转状态
            },
            companyId:'',
            companyList: []
        },
        methods: {
            searchForm:function(){
                var $form = $('.form-search-hook');
                var formParams = $form.serializeJson();
                IOT.getServerData(URI.REPORT.TERMINAL_REPORT.INFO_CHAR.CHAR,formParams , (ret) => {
                    if (ret.code === 200) {
                        this.account = $.extend({}, this.account, ret.data);
                        this.drawLine();
                    } else {
                        IOT.tips(ret.message || '服务器请求失败，稍后再试！', 'error');
                    }
                });
            },
            changeReport:function () {
                M.Page.emitPrePage();
            },
            // 触发刷新页(当前显示的页面)
            refreshPage: function () {
                M.Page.refreshPage(this.boxs);
            },
            drawLine() {
                // 基于准备好的dom，初始化echarts实例
                let myChart = echarts.init(document.getElementById('myChart'));
                // 绘制图表
                myChart.setOption({
                    tooltip : {
                        trigger: 'axis',
                        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
                            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
                        }
                    },
                    legend: {
                        data:['项目A','项目B','项目C','项目D','项目E','项目F','项目G'],
                        x : 'center',
                        y : 'bottom',
                    },
                    grid: {
                        left: '3%',
                        right: '4%',
                        bottom: '3%',
                        y:160,
                        containLabel: true
                    },
                    xAxis : [
                        {
                            type : 'category',
                            data : ['']
                        }
                    ],
                    yAxis : [
                        {
                            type : 'value'
                        }
                    ],
                    series : [
                        {
                            name:'项目A',
                            type:'bar',
                            itemStyle:{
                                normal:{
                                    label:{
                                        show:true,
                                        position:'top'
                                    }
                                }
                            },
                            data:[320, 332, 301, 334, 390, 330, 320]
                        },
                        {
                            name:'项目B',
                            type:'bar',
                            itemStyle:{
                                normal:{
                                    label:{
                                        show:true,
                                        position:'top'
                                    }
                                }
                            },
                            data:[120, 132, 101, 134, 90, 230, 210]
                        },
                        {
                            name:'项目C',
                            type:'bar',
                            itemStyle:{
                                normal:{
                                    label:{
                                        show:true,
                                        position:'top'
                                    }
                                }
                            },
                            data:[220, 182, 191, 234, 290, 330, 310]
                        },
                        {
                            name:'项目D',
                            type:'bar',
                            itemStyle:{
                                normal:{
                                    label:{
                                        show:true,
                                        position:'top'
                                    }
                                }
                            },
                            data:[150, 232, 201, 154, 190, 330, 410]
                        },
                        {
                            name:'项目E',
                            type:'bar',
                            itemStyle:{
                                normal:{
                                    label:{
                                        show:true,
                                        position:'top'
                                    }
                                }
                            },
                            data:[60, 72, 71, 73, 109, 113, 112]
                        },
                        {
                            name:'项目F',
                            type:'bar',
                            itemStyle:{
                                normal:{
                                    label:{
                                        show:true,
                                        position:'top'
                                    }
                                }
                            },
                            data:[120, 132, 101, 134, 290, 230, 220]
                        },
                        {
                            name:'项目G',
                            type:'bar',
                            itemStyle:{
                                normal:{
                                    label:{
                                        show:true,
                                        position:'top'
                                    }
                                }
                            },
                            data:[60, 72, 71, 74, 190, 130, 110]
                        }
                    ]
                });
                window.onresize = myChart.resize;
            }
        },
        created: function () {
            IOT.getServerData(URI.REPORT.TERMINAL_REPORT.INFO_CHAR.CHAR, {}, (ret) => {
                if (ret.code === 200) {
                    this.account = $.extend({}, this.account, ret.data);
                    this.drawLine();
                } else {
                    IOT.tips(ret.message || '服务器请求失败，稍后再试！', 'error');
                }
            });
        },
        mounted: function () {
            this.drawLine();
            this.$nextTick(() => {
            });
        }
    });
})();